// 发送请求，获取用户信息
// axios 文档查找配置项
function getUserInfo() {
  axios.get('/my/user/userinfo').then(res => {
    // console.log(res)
    let {nickname,user_pic,username} = res.data.data
    // 设置欢迎你
    // console.log(nickname,user_pic,username)
    // a || b 返回第一个位true的值
    let name = nickname || username
    $('.username').text(name)
    
    // 显示头像  （新号没有头像，获取name，取第一个字符转大写）
    if (user_pic) {
      // 有头像
      $('.layui-nav-img').attr('src',user_pic).show()
    } else {
      // 没有头像 
      let first = name.substring(0,1).toUpperCase()  // substring(0,1)取字符串第一个  toUpperCase字母转大写
      // show() 通过设置display样式，让元素显示
      // 如果是行内元素，show()之后会设置display:inline 如果是div，show()之后会设置display:block
      // 所以这里直接该css   .css('属性'，'值')
      $('.user-avatar').text(first).css('display','inline-block')
    }
    })
}
getUserInfo()


// 退出
$('#logout').on('click',function () {
  // 点击退出弹框
  layer.confirm('你确定退出么?', {icon: 3, title:'提示'}, function(index){
    //do something
    // 删除token
    localStorage.removeItem('token')
    // 点确定执行函数  跳到登录页
    location.href = './login.html'
    layer.close(index);
  });
})
